<template>
    <div class="header">
        <span><input type="text" placeholder="搜索"></span>
        <span>点餐</span>
        <span>评价4.5</span>
        <span>商家</span>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .header{
        margin: 30px 0 0 10px;
        font-weight: 700;
    }
    .header span{
        margin-right: 20px;
        height: 30px;
        display: inline-block;
    }
    .header span:first-child input{
        width: 30px;
        height: 20px;
        border-radius: 30px;
        padding-left: 20px;
        border: none;
        background-color: rgb(238, 237, 237);
    }
    .header span:nth-child(2){
        color: lightskyblue;
        border-bottom: 2px solid lightskyblue;
    }
</style>